<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>支付宝首页</title>
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/x-icon" href="roxy.png"/>

</head>

<script src="zfb.js"></script>

<body>

<div class="topnav">
  <a href="#">提建议</a> 
  <a href="#">服务大厅</a> 
  <a href="#">支付宝首页</a>
  <a href="#" style="float:left; color:rgb(38, 38, 94);">支付宝APP</a>

</div>

<div class="middle" style = "text-align: center" >
    <p>欢迎来到支付宝！</p> 
    <button style = "float:left" onclick="showLogin('saoma')">扫码登录</button>
    <button style="float:right" onclick="showLogin('mima')">密码登录</button>
</div> 

<div class="saoma" style="display: block;text-align: center;">
    <img src="roxy.png" alt="扫码登录" style = "opacity : 1">
    <p >请使用手机支付宝扫码</p>
    <a href="#">使用帮助</a> 
    <a href="#">下载支付宝</a>
</div>
<div class="mima" style="display:none;">
    <form action="">
        账号: <input type="text" placeholder="邮箱地址/手机号"><br>
        密码: <input type="password">
    </form>
    <a href="#" style = "float:right">忘记密码?</a> <br>
    <form>
    <input id = "submit" type="submit" value="登录" onclick="dosubmit(); return false;"> <br>
    </form>
    <a href="#">淘宝会员登录</a>
    <a href="#" style="float:right">免费注册</a> 
</div>

<div class="footer">
  <a href="#">ICP证：合字B2-20190046</a> 
</div>

</body>


</html>